{% extends 'base.html' %}

{% block body %}
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
      <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/china.js"></script>

</head>
        <form method='POST' action='/GDP/result'>
<body>
	<h3 class="xiaobiaoti">中国各省2019-2021年GDP情况（数据分析）</h3>
	<p>从地图所呈现的2019-2021年GDP情况可以得出，广东省都是稳居第一。沿海城市相较于内陆城市经济水平高。</p>

</body>
<body>
    <div id="2114a7bf3dd940779f05ea6a237ae45a" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_2114a7bf3dd940779f05ea6a237ae45a = echarts.init(
            document.getElementById('2114a7bf3dd940779f05ea6a237ae45a'), 'white', {renderer: 'canvas'});
        var option_2114a7bf3dd940779f05ea6a237ae45a = {
    "baseOption": {
        "series": [
            {
                "type": "map",
                "name": "GDP\uff08\u4ebf\u5143\uff09",
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "mapType": "china",
                "data": [
                    {
                        "name": "\u5317\u4eac",
                        "value": 30319.98
                    },
                    {
                        "name": "\u5929\u6d25",
                        "value": 18809.64
                    },
                    {
                        "name": "\u6cb3\u5317",
                        "value": 36010.27
                    },
                    {
                        "name": "\u5c71\u897f",
                        "value": 16818.11
                    },
                    {
                        "name": "\u5185\u8499\u53e4",
                        "value": 17289.22
                    },
                    {
                        "name": "\u8fbd\u5b81",
                        "value": 25315.35
                    },
                    {
                        "name": "\u5409\u6797",
                        "value": 15074.62
                    },
                    {
                        "name": "\u9ed1\u9f99\u6c5f",
                        "value": 16361.62
                    },
                    {
                        "name": "\u4e0a\u6d77",
                        "value": 32679.87
                    },
                    {
                        "name": "\u6c5f\u82cf",
                        "value": 92595.4
                    },
                    {
                        "name": "\u6d59\u6c5f",
                        "value": 56197.15
                    },
                    {
                        "name": "\u5b89\u5fbd",
                        "value": 30006.82
                    },
                    {
                        "name": "\u798f\u5efa",
                        "value": 35804.04
                    },
                    {
                        "name": "\u6c5f\u897f",
                        "value": 21984.78
                    },
                    {
                        "name": "\u5c71\u4e1c",
                        "value": 76469.67
                    },
                    {
                        "name": "\u6cb3\u5357",
                        "value": 48055.86
                    },
                    {
                        "name": "\u6e56\u5317",
                        "value": 39366.55
                    },
                    {
                        "name": "\u6e56\u5357",
                        "value": 36425.78
                    },
                    {
                        "name": "\u5e7f\u4e1c",
                        "value": 97277.77
                    },
                    {
                        "name": "\u5e7f\u897f",
                        "value": 20352.51
                    },
                    {
                        "name": "\u6d77\u5357",
                        "value": 4832.05
                    },
                    {
                        "name": "\u91cd\u5e86",
                        "value": 20363.19
                    },
                    {
                        "name": "\u56db\u5ddd",
                        "value": 40678.13
                    },
                    {
                        "name": "\u8d35\u5dde",
                        "value": 14806.45
                    },
                    {
                        "name": "\u4e91\u5357",
                        "value": 17881.12
                    },
                    {
                        "name": "\u897f\u85cf",
                        "value": 1477.63
                    },
                    {
                        "name": "\u9655\u897f",
                        "value": 24438.32
                    },
                    {
                        "name": "\u7518\u8083",
                        "value": 8246.07
                    },
                    {
                        "name": "\u9752\u6d77",
                        "value": 2865.23
                    },
                    {
                        "name": "\u5b81\u590f",
                        "value": 3705.18
                    },
                    {
                        "name": "\u65b0\u7586",
                        "value": 12199.08
                    }
                ],
                "roam": true,
                "zoom": 1,
                "showLegendSymbol": false,
                "emphasis": {}
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": false,
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "bottom": "-5px",
            "data": [
                "2019\u5e74",
                "2020\u5e74",
                "2021\u5e74"
            ]
        },
        "visualMap": {
            "show": true,
            "type": "piecewise",
            "min": 0,
            "max": 100000,
            "inRange": {
                "color": [
                    "#50a3ba",
                    "#eac763",
                    "#d94e5d"
                ]
            },
            "calculable": true,
            "splitNumber": 5,
            "orient": "vertical",
            "showLabel": true
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "GDP\uff08\u4ebf\u5143\uff09"
                    ],
                    "selected": {
                        "GDP\uff08\u4ebf\u5143\uff09": true
                    },
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5317\u4eac",
                            "value": 25669.13
                        },
                        {
                            "name": "\u5929\u6d25",
                            "value": 17885.39
                        },
                        {
                            "name": "\u6cb3\u5317",
                            "value": 32070.45
                        },
                        {
                            "name": "\u5c71\u897f",
                            "value": 13050.41
                        },
                        {
                            "name": "\u5185\u8499\u53e4",
                            "value": 18128.1
                        },
                        {
                            "name": "\u8fbd\u5b81",
                            "value": 22246.9
                        },
                        {
                            "name": "\u5409\u6797",
                            "value": 14776.8
                        },
                        {
                            "name": "\u9ed1\u9f99\u6c5f",
                            "value": 15386.09
                        },
                        {
                            "name": "\u4e0a\u6d77",
                            "value": 28178.65
                        },
                        {
                            "name": "\u6c5f\u82cf",
                            "value": 77388.28
                        },
                        {
                            "name": "\u6d59\u6c5f",
                            "value": 47251.36
                        },
                        {
                            "name": "\u5b89\u5fbd",
                            "value": 24407.62
                        },
                        {
                            "name": "\u798f\u5efa",
                            "value": 28810.58
                        },
                        {
                            "name": "\u6c5f\u897f",
                            "value": 18499.0
                        },
                        {
                            "name": "\u5c71\u4e1c",
                            "value": 68024.49
                        },
                        {
                            "name": "\u6cb3\u5357",
                            "value": 40471.79
                        },
                        {
                            "name": "\u6e56\u5317",
                            "value": 32665.38
                        },
                        {
                            "name": "\u6e56\u5357",
                            "value": 31551.37
                        },
                        {
                            "name": "\u5e7f\u4e1c",
                            "value": 80854.91
                        },
                        {
                            "name": "\u5e7f\u897f",
                            "value": 18317.64
                        },
                        {
                            "name": "\u6d77\u5357",
                            "value": 4053.2
                        },
                        {
                            "name": "\u91cd\u5e86",
                            "value": 17740.59
                        },
                        {
                            "name": "\u56db\u5ddd",
                            "value": 32934.54
                        },
                        {
                            "name": "\u8d35\u5dde",
                            "value": 11776.73
                        },
                        {
                            "name": "\u4e91\u5357",
                            "value": 14788.42
                        },
                        {
                            "name": "\u897f\u85cf",
                            "value": 1151.41
                        },
                        {
                            "name": "\u9655\u897f",
                            "value": 19399.59
                        },
                        {
                            "name": "\u7518\u8083",
                            "value": 7200.37
                        },
                        {
                            "name": "\u9752\u6d77",
                            "value": 2572.49
                        },
                        {
                            "name": "\u5b81\u590f",
                            "value": 3168.59
                        },
                        {
                            "name": "\u65b0\u7586",
                            "value": 9649.7
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "2019\u5e74\u5404\u7701GDP\u60c5\u51b5",
                    "subtextStyle": {
                        "color": "red",
                        "fontStyle": "italic",
                        "fontSize": 18
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "visualMap": {
                "show": true,
                "type": "piecewise",
                "min": 0,
                "max": 100000,
                "inRange": {
                    "color": [
                        "#50a3ba",
                        "#eac763",
                        "#d94e5d"
                    ]
                },
                "calculable": true,
                "splitNumber": 5,
                "orient": "vertical",
                "showLabel": true
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "GDP\uff08\u4ebf\u5143\uff09"
                    ],
                    "selected": {
                        "GDP\uff08\u4ebf\u5143\uff09": true
                    },
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5317\u4eac",
                            "value": 28014.94
                        },
                        {
                            "name": "\u5929\u6d25",
                            "value": 18549.19
                        },
                        {
                            "name": "\u6cb3\u5317",
                            "value": 34016.32
                        },
                        {
                            "name": "\u5c71\u897f",
                            "value": 15528.42
                        },
                        {
                            "name": "\u5185\u8499\u53e4",
                            "value": 16096.21
                        },
                        {
                            "name": "\u8fbd\u5b81",
                            "value": 23409.24
                        },
                        {
                            "name": "\u5409\u6797",
                            "value": 14944.53
                        },
                        {
                            "name": "\u9ed1\u9f99\u6c5f",
                            "value": 15902.68
                        },
                        {
                            "name": "\u4e0a\u6d77",
                            "value": 30632.99
                        },
                        {
                            "name": "\u6c5f\u82cf",
                            "value": 85869.76
                        },
                        {
                            "name": "\u6d59\u6c5f",
                            "value": 51768.26
                        },
                        {
                            "name": "\u5b89\u5fbd",
                            "value": 27018.0
                        },
                        {
                            "name": "\u798f\u5efa",
                            "value": 32182.09
                        },
                        {
                            "name": "\u6c5f\u897f",
                            "value": 20006.31
                        },
                        {
                            "name": "\u5c71\u4e1c",
                            "value": 72634.15
                        },
                        {
                            "name": "\u6cb3\u5357",
                            "value": 44552.83
                        },
                        {
                            "name": "\u6e56\u5317",
                            "value": 35478.09
                        },
                        {
                            "name": "\u6e56\u5357",
                            "value": 33902.96
                        },
                        {
                            "name": "\u5e7f\u4e1c",
                            "value": 89705.23
                        },
                        {
                            "name": "\u5e7f\u897f",
                            "value": 18523.26
                        },
                        {
                            "name": "\u6d77\u5357",
                            "value": 4462.54
                        },
                        {
                            "name": "\u91cd\u5e86",
                            "value": 19424.73
                        },
                        {
                            "name": "\u56db\u5ddd",
                            "value": 36980.22
                        },
                        {
                            "name": "\u8d35\u5dde",
                            "value": 13540.83
                        },
                        {
                            "name": "\u4e91\u5357",
                            "value": 16376.34
                        },
                        {
                            "name": "\u897f\u85cf",
                            "value": 1310.92
                        },
                        {
                            "name": "\u9655\u897f",
                            "value": 21898.81
                        },
                        {
                            "name": "\u7518\u8083",
                            "value": 7459.9
                        },
                        {
                            "name": "\u9752\u6d77",
                            "value": 2624.83
                        },
                        {
                            "name": "\u5b81\u590f",
                            "value": 3443.56
                        },
                        {
                            "name": "\u65b0\u7586",
                            "value": 10881.96
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "2020\u5e74\u5404\u7701GDP\u60c5\u51b5",
                    "subtextStyle": {
                        "color": "red",
                        "fontStyle": "italic",
                        "fontSize": 18
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "visualMap": {
                "show": true,
                "type": "piecewise",
                "min": 0,
                "max": 100000,
                "inRange": {
                    "color": [
                        "#50a3ba",
                        "#eac763",
                        "#d94e5d"
                    ]
                },
                "calculable": true,
                "splitNumber": 5,
                "orient": "vertical",
                "showLabel": true
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "GDP\uff08\u4ebf\u5143\uff09"
                    ],
                    "selected": {
                        "GDP\uff08\u4ebf\u5143\uff09": true
                    },
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5317\u4eac",
                            "value": 30319.98
                        },
                        {
                            "name": "\u5929\u6d25",
                            "value": 18809.64
                        },
                        {
                            "name": "\u6cb3\u5317",
                            "value": 36010.27
                        },
                        {
                            "name": "\u5c71\u897f",
                            "value": 16818.11
                        },
                        {
                            "name": "\u5185\u8499\u53e4",
                            "value": 17289.22
                        },
                        {
                            "name": "\u8fbd\u5b81",
                            "value": 25315.35
                        },
                        {
                            "name": "\u5409\u6797",
                            "value": 15074.62
                        },
                        {
                            "name": "\u9ed1\u9f99\u6c5f",
                            "value": 16361.62
                        },
                        {
                            "name": "\u4e0a\u6d77",
                            "value": 32679.87
                        },
                        {
                            "name": "\u6c5f\u82cf",
                            "value": 92595.4
                        },
                        {
                            "name": "\u6d59\u6c5f",
                            "value": 56197.15
                        },
                        {
                            "name": "\u5b89\u5fbd",
                            "value": 30006.82
                        },
                        {
                            "name": "\u798f\u5efa",
                            "value": 35804.04
                        },
                        {
                            "name": "\u6c5f\u897f",
                            "value": 21984.78
                        },
                        {
                            "name": "\u5c71\u4e1c",
                            "value": 76469.67
                        },
                        {
                            "name": "\u6cb3\u5357",
                            "value": 48055.86
                        },
                        {
                            "name": "\u6e56\u5317",
                            "value": 39366.55
                        },
                        {
                            "name": "\u6e56\u5357",
                            "value": 36425.78
                        },
                        {
                            "name": "\u5e7f\u4e1c",
                            "value": 97277.77
                        },
                        {
                            "name": "\u5e7f\u897f",
                            "value": 20352.51
                        },
                        {
                            "name": "\u6d77\u5357",
                            "value": 4832.05
                        },
                        {
                            "name": "\u91cd\u5e86",
                            "value": 20363.19
                        },
                        {
                            "name": "\u56db\u5ddd",
                            "value": 40678.13
                        },
                        {
                            "name": "\u8d35\u5dde",
                            "value": 14806.45
                        },
                        {
                            "name": "\u4e91\u5357",
                            "value": 17881.12
                        },
                        {
                            "name": "\u897f\u85cf",
                            "value": 1477.63
                        },
                        {
                            "name": "\u9655\u897f",
                            "value": 24438.32
                        },
                        {
                            "name": "\u7518\u8083",
                            "value": 8246.07
                        },
                        {
                            "name": "\u9752\u6d77",
                            "value": 2865.23
                        },
                        {
                            "name": "\u5b81\u590f",
                            "value": 3705.18
                        },
                        {
                            "name": "\u65b0\u7586",
                            "value": 12199.08
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "2021\u5e74\u5404\u7701GDP\u60c5\u51b5",
                    "subtextStyle": {
                        "color": "red",
                        "fontStyle": "italic",
                        "fontSize": 18
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "visualMap": {
                "show": true,
                "type": "piecewise",
                "min": 0,
                "max": 100000,
                "inRange": {
                    "color": [
                        "#50a3ba",
                        "#eac763",
                        "#d94e5d"
                    ]
                },
                "calculable": true,
                "splitNumber": 5,
                "orient": "vertical",
                "showLabel": true
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        }
    ]
};
        chart_2114a7bf3dd940779f05ea6a237ae45a.setOption(option_2114a7bf3dd940779f05ea6a237ae45a);
    </script>
<h2 align="center">{{ the_title }}</h2>
     <h3 align="center">请选择您想了解的省份</h3>
    <div align="center">
        <select name="provice">
    {% for item in the_data1 %}
        <option value={{ item }}>{{ item }}</option>
    {% endfor %}
</select>
        <p><input value='筛选' type='SUBMIT'></p>
    </div>
<table align="center">
    <tr>
    {% for row_title in the_row_title  %}
        <th>{{ row_title }}</th>
    {% endfor %}
     </tr>
    {% for log_row in the_data %}
        <tr>
        {% for item1 in log_row %}
            <td>{{ item1 }}</td>
            {% endfor %}
        </tr>
    {% endfor %}
</table>
<div align="right">
    <a href="/"><input class="anniu" name="" type="button" value="返回首页" /></a>
</div>
</body>
</form>
{% endblock %}
